<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="x-UA-Compatible" content="IE=Edge,chrome=1"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta name="keywords" content="锤子科技,锤子手机。"/>
    <meta name="description" content="锤子科技是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量。"/>
    <title>smartisan index</title>
    <link rel="icon" href="img/favicon (1).ico" type="image/x-icon"/>
    <link rel="stylesheet" href="swiper/swiper-3.2.7.min.css"/>
    <link rel="stylesheet" type="text/css" href="smartisan.css"/>
</head>
<body>
<header>
    <ul class="header-inner">
        <li class="lt">
            <a href="#">
                <span></span>
                <span></span>
                <span></span>
            </a>
        </li>
        <li class="center">
            <a href="#"><img src="img/wap-logo.png"/></a>
        </li>
        <li class="rt">
            <a href="#">个人中心</a>
        </li>
    </ul>
</header>
<article>
    <div class="main">
        <div class="swiper-container imagewrap">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="#"><img src="img/wap-home-t2-banner.png"/></a></div>
                <div class="swiper-slide"><a href="#"><img src="img/wap-home-youth-banner2.png"/></a></div>
            </div>
        </div>
        <div class="imagewrap">
            <a href="#"><img src="img/wap-home-jianguo-all-banner.png"/></a>
        </div>
        <div class="imagewrap">
            <a href="#"><img src="img/wap-home-fiil-last-banner.png"/></a>
        </div>
        <div class="imagewrap">
            <a href="#"><img src="img/wap-home-jbl-banner.png"/></a>
        </div>
        <div class="imagewrap">
            <a href="#"><img src="img/wap-home-company-banner.png"/></a>
        </div>
        <div class="imagewrap">
            <a href="#"><img src="img/wap-home-cover-t2-banner.png"/></a>
        </div>
        <div class="imagewrap">
            <a href="#"><img src="img/wap-home-cover-banner.png"/></a>
        </div>
        <div class="imagewrap">
            <a href="#"><img src="img/wap-home-headset-banner.png"/></a>
        </div>
        <div class="imagewrap link-list">
            <ul>
                <li class="link-box redback">
                    <a href="#">
                        <img src="img/wap-doodle-goods-label.png" class="width"/>

                        <div>
                            <img src="img/3x.jpg" class="back"/>
                        </div>
                    </a>
                </li>
                <li class="link-box border-rt">
                    <a href="#">
                        <img src="img/wap-colorful-cover.png"/>

                        <div class="info">
                            <p class="money">¥ 29</p>

                            <p>七款彩色不透明保护套</p>
                        </div>
                    </a>
                </li>

                <li class="link-box border-rt border-tp">
                    <a href="#">
                        <img src="img/wap-insurance.png"/>

                        <div class="info">
                            <p class="money">¥ 99起</p>

                            <p>意外保修服务</p>
                        </div>
                    </a>
                </li>
                <li class="link-box border-rt border-tp">
                    <a href="#">
                        <div class="imginfo">
                            <img src="img/wap-smartisan-t-color.png"/>
                        </div>
                        <img src="img/wap-smartisan-t-man.png"/>

                        <div class="info">
                            <p class="money">¥ 199</p>

                            <p>Smartisan T 男款</p>
                        </div>
                    </a>
                </li>
                <li class="link-box border-tp">
                    <a href="#">
                        <div class="imginfo"><img src="img/wap-smartisan-t-color.png"/></div>
                        <img src="img/wap-smartisan-t-woman.png"/>
                        <div class="info">
                            <p class="money">¥ 199</p>
                            <p>Smartisan T 女款</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="imagewrap link-list box-margin">
            <ul>
                <li class="link-box border-rt">
                    <a href="#">
                        <img src="img/258X258.jpg"/>

                        <div class="info">
                            <p class="money">¥ 799.00</p>

                            <p>JBL S300A 头戴式耳机</p>
                        </div>
                    </a>
                </li>
                <li class="link-box tlogo">
                    <a href="#">
                        <img src="img/258X258 (1).jpg"/>

                        <div class="info">
                            <p class="money">¥ 1699.00</p>

                            <p>Sennheiser Urbanite XL</p>
                        </div>
                    </a>
                </li>
                <li class="link-box border-rt border-tp">
                    <a href="#">
                        <img src="img/258X258 (2).jpg"/>

                        <div class="info">
                            <p class="money">¥ 258.00</p>

                            <p>铁三角 ATH-AX1iS</p>
                        </div>
                    </a>
                </li>
                <li class="link-box border-tp">
                    <a href="#">
                        <img src="img/258X258 (3).jpg"/>

                        <div class="info">
                            <p class="money">¥ 199.00</p>

                            <p>车听宝</p>
                        </div>
                    </a>
                </li>
                <li class="link-box border-rt border-tp">
                    <a href="#">
                        <img src="img/258X258 (4).jpg"/>

                        <div class="info">
                            <p class="money">¥ 58.00</p>

                            <p>MIST 屏幕清洁喷雾</p>
                        </div>
                    </a>
                </li>
                <li class="link-box border-tp">
                    <a href="#">
                        <img src="img/258X258 (5).jpg"/>

                        <div class="info">
                            <p class="money">¥ 299.00</p>

                            <p>JBL GO 音乐无线蓝牙音响</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</article>
<script src="js/swiper.min.js"></script>
<script src="smartisan.js"></script>
</body>
</html>